<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>renew</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="CSS/style.css">

<script type="text/javascript" src="JS/renewAjax.js"></script>
</head>
<body>
	<table width="778" border="0" cellspacing="0" cellpadding="0" align="center">
		<tr>
    <td valign="top" bgcolor="#FFFFFF">
    <table width="100%" height="509"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td height="27" valign="top" style="padding:5px;" class="current_addr">Current Address: BACK</td>
  </tr>
  <tr>
  <td height="27">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="top" style="padding:5px;"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
			<td height="47" background="images/renew.gif">&nbsp;</td></tr>
			<tr>
			<td height="72" align="center" valign="top" background="images/main_Instrument1.gif" bgcolor="#F8BF73">
				<table width="96%" border="0" cellpadding="1" cellspacing="1"bordercolor="#F8BF73">
			<tr>
				<td valign="top" bgcolor="#F8BF73">

				<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
			<tr>
				<td>
				<table width="90%" height="21" border="0" cellpadding="0" cellspacing="0">
				<tr><td width="24%" height="18" style="padding-left: 7px; padding-top: 7px;"><img src="images/user_checkbg.jpg" width="142" height="18"></td>
				<td width="76%" style="padding-top: 7px;">USER ID： 
				<input type="text"  id="userid"  size="36" maxlength="8" tabindex="1"> &nbsp; 
				<input type="button" class="btn" style="width: 36px;" value="?" onclick="return getRenewInfo();"></td>
			</tr></table></td>
			</tr>
				<tr>
			<td height="13" align="left" style="padding-left: 1px; padding-right: 1px">
			<hr width="100%" size="1"></td></tr>
		<tr>
				<td align="center"><table width="96%" border="0" cellpadding="0" cellspacing="0">
						<tr>
                          <td height="27">Firstname：</td>
                          <td><input type="text" id="firstname" readonly> </td>
                          <td>Second name：</td>
                          <td><input type="text" id="lastname" readonly> </td>
                          <td>Gender：</td>
                          <td> <input type="text" id="gender" readonly></td>
                        </tr>
                        <tr>
                          <td height="27">E-mail：</td>
                          <td><input  type="text" id="email" readonly></td>
                          <td>Nimble：</td>
                          <td>
                          	 <select style="width: 93%" id = "selectdays">
                          	 	<option  value="10">10 days</option>
                          	 	<option  value="20">20 days</option>
                          	 	<option  value="25">25 days</option>
                          	 	<option  value="30" selected>30 days</option>
                          	 	<option  value="45">45 days</option>
                          	 	<option  value="60">60 days</option>
                          	 	<option  value="75">75 days</option>
                          	 	<option  value="90">90 days</option>
                          	 	<option  value="100">100 days</option>
                          	 </select>
                          </td>
                          <td>Days：</td>
                          <td><input type="text" id="days" maxlength="3" tabindex="2" value=""></td>
                        </tr>
					</table></td></tr></table>
						</td>
						</tr>
				 <tr>
                  <td height="32" background="images/borrow_if.gif">
					<div id="message" align="center" style="font-size: 16px;padding-top: 8px; color: #ff4000">&nbsp;</div>               
                 </td>				
               </tr>
					<tr>
				<td valign="top" bgcolor="#FCEC9A" style="padding-top: 5px;padding-left: 0;padding-right: 0;">
					<div id = "renewBody">
					<table width="100%" height="35" border="1" cellpadding="0"cellspacing="0" bordercolor="#8D8D8D" bgcolor="#FFFFFF">
						<tr align="center" bgcolor="#e3F4F7">
							<td width="24%" height="25" bgcolor="#F9D16B">Instrument name</td>
							<td width="12%" bgcolor="#F9D16B">Barcode</td>
							<td width="12%" bgcolor="#F9D16B">Borrow time</td>
							<td width="13%" bgcolor="#F9D16B">Back time</td>
							<td width="12%" bgcolor="#F9D16B">option</td>
						</tr>
						<tbody>
						<tr>
						<td height="25" style="padding: 5px;">&nbsp;</td>
						<td style="padding: 5px;">&nbsp;</td>
						<td style="padding: 5px;">&nbsp;</td>
						<td align="center">&nbsp;</td>
						<td width="12%" align="center">&nbsp;</td>
						</tr>
						</tbody>
					</table>
					</div>
				</td>
				</tr>
			</table>
			</td>
			</tr>
	<tr><td height="19" background="images/main_Instrument2.gif">&nbsp;</td>
	</tr>	
	</table>
	</td>
</tr>	</table>
	</td>
</tr>
	</table>
</body>
</html>
